<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职创未来</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../css/about.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <div class="logo">
            <h1>
                <a href="#">职创未来</a>
            </h1>
        </div>

        <div class="nav">

            <!-- 导航条 -->
            <ul class="nav-left">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">资讯动态</a></li>
                <li><a class="active" href="#">关于我们</a></li>
            </ul>
            <!-- 联系人 -->
            <div class="contacts">
                15335890027 <br>
                <span>customer@whccf.cn</span>
            </div>
        </div>
    </div>

    <!-- 主体内容 -->
    <div class="main">
        <!-- banner -->
        <div class="banner">
            <img class="banner-bg" src="../assets/uploads/banner-about-bg.webp" alt="">
            <img class="banner-main" src="../assets/image/banner-about.webp" alt="">
        </div>
        <!-- 切换按钮 -->
        <ul class="nav-list wrapper">
            <li class="item-nav active">公司介绍</li>
            <li class="item-nav">学费标准</li>
            <li class="item-nav">报名流程</li>
            <li class="item-nav">帮助指南</li>
        </ul>
        <!-- 类别列表 -->
        <ul class="category-list">
            <!-- 公司介绍 -->
            <li class="item-category active">
                <!-- 公司概况 -->
                <div class="overview wrapper">
                    <!-- 基本情况 -->
                    <ul class="keypoint-list">
                        <li class="item-keypoint">
                            <h2 class="title">1000+</h2>
                            <p class="desc">毕业学员</p>
                        </li>
                        <li class="item-keypoint">
                            <h2 class="title">20+</h2>
                            <p class="desc">企业级项目</p>
                        </li>
                        <li class="item-keypoint">
                            <h2 class="title">18</h2>
                            <p class="desc">师资团队</p>
                        </li>
                        <li class="item-keypoint">
                            <h2 class="title">4</h2>
                            <p class="desc">学科教程</p>
                        </li>
                    </ul>
                    <!-- 课程 -->
                    <div class="courses">
                        <div class="circle">物联网AIOT</div>
                        <div class="circle">Java全栈开发</div>
                        <div class="circle">鸿蒙应用开发</div>
                        <div class="circle">UI全链路设计</div>
                    </div>
                </div>
                <!-- 关于职创 -->
                <div class="profile wrapper">
                    <h2 class="com-title">关于职创</h2>
                    <!-- 职创简介 -->
                    <div class="introduce">
                        <img src="../assets/uploads/company.webp" alt="">
                        <div class="summary">
                            <p>武汉职创未来科技有限公司前身为武汉启梦教育中心，成立于2016年，是一家职业教育培训公司；经过多年发展，IT
                                职业教育业务板块取得丰富成果，因此，公司决定成立一家全新公司聚焦IT职业教育培训业务。2019年开始筹备新公司，
                                于2023年由优秀骨干员工正式创办武汉职创未来科技有限公司（下简称我司），我司坐落于武汉市东湖高新技术开发区 当代梦工厂。</p>
                            <p>我司的经营理念是“以信为本,以质取胜”，靠着这个理念我司业绩目前呈良好发展态势，我司开发团队开发的各种软
                                件、网站、APP在政府、企业、学校等有着广泛的客户群。我司教师团队培养出的学生，在ICT各行各业，赢得了雇主的 一致好评和信任！</p>
                        </div>
                    </div>
                    <!-- 公司标语 -->
                    <div class="slogan">
                        <ul class="left-dream-list">
                            <li class="item-left-dream">
                                <div class="dream">
                                    <h3 class="title">企业愿景</h3>
                                    <p class="desc">成为一个有情怀、有良心、有 <br>
                                        品质的科技教育先驱者</p>
                                </div>
                                <img src="../assets/image/dream1.webp" alt="">
                            </li>
                            <li class="item-left-dream">
                                <div class="dream">
                                    <h3 class="title">企业价值观</h3>
                                    <p class="desc">初心至善，匠心育人</p>
                                </div>
                                <img src="../assets/image/dream3.webp" alt="">
                            </li>
                        </ul>
                        <ul class="right-dream-list">
                            <li class="item-right-dream">
                                <img src="../assets/image/dream2.webp" alt="">
                                <div class="dream">
                                    <h3 class="title">企业愿景</h3>
                                    <p class="desc">帮助更多迷茫的学生实现他们<br>的梦想</p>
                                </div>
                            </li>
                            <li class="item-right-dream">
                                <img src="../assets/image/dream4.webp" alt="">
                                <div class="dream">
                                    <h3 class="title">企业精神</h3>
                                    <p class="desc">坚韧 务实 谦逊 节俭 拼搏 开<br>拓 思危 创新 真诚 关爱</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </li>
            <!-- 学费标准 -->
            <li class="item-category wrapper">
                <h2 class="com-title">职创未来学费价格表</h2>
                <h4 class="com-subtitle">更新日期：2023年9月1日</h4>
                <table>
                    <!-- 表头 -->
                    <thead>
                        <tr>
                            <th>校区</th>
                            <th>学科类型</th>
                            <th>学费价格</th>
                            <th>学习周期</th>
                            <th>班级人数</th>
                        </tr>
                    </thead>
                    <!-- 表格主体 -->
                    <tbody>
                        <tr>
                            <td rowspan="4">武汉校区</td>
                            <td>物联网AIOT</td>
                            <td>面议(学生享更多优惠)</td>
                            <td>6个月</td>
                            <td>20~35人</td>
                        </tr>
                        <tr>
                            <td>Java全栈开发</td>
                            <td>面议(学生享更多优惠)</td>
                            <td>6个月</td>
                            <td>20~35人</td>
                        </tr>
                        <tr>
                            <td>鸿蒙应用开发</td>
                            <td>面议(学生享更多优惠)</td>
                            <td>6个月</td>
                            <td>20~35人</td>
                        </tr>
                        <tr>
                            <td>UI全链路设计</td>
                            <td>面议(学生享更多优惠)</td>
                            <td>6个月</td>
                            <td>15~25人</td>
                        </tr>
                    </tbody>
                    <!-- 表尾 -->
                    <tfoot>
                        <tr>
                            <td colspan="5"> <span>重要提示：</span> 校区为直营，授课模式为全日制面授课程 更多问题可咨询老师</td>
                        </tr>
                    </tfoot>
                </table>
            </li>
            <!-- 报名流程 -->
            <li class="item-category wrapper">
                <h2 class="com-title">无差别招生</h2>
                <h4 class="com-subtitle">只要你肯来，只要你肯听，只要你肯学----我们无差别招生</h4>
                <div class="project">
                    <ul class="project-left ">
                        <li class="project-left-item">

                            <div class="leftproject wrapper">
                                <h3 class="styke">01</h3>
                                <h3 class="styke">02</h3>
                                <h3 class="styke">03</h3>
                            </div>
                        </li>
                    </ul>
                    <ul class="project-right ">
                        <li class="project-right-item">
                            <div class="rightproject">
                                <h5>添加老师微信</h5>
                                <p>小未老师、小来老师，提供您的个人信息：姓名/出生日期/学历/专业/毕业院校/籍贯/联系方式</p>
                                <h5>预定占座(不接受口头预定)</h5>
                                <p>预定成功参加开课后15天的免费试听</p>
                                <h5>15天试听结束后</h5>
                                <p>如果觉得满意，办理入学手续并缴费</p>
                            </div>
                        </li>
                    </ul>

                </div>
                <div class="life">

                </div>
            </li>
            <!-- 帮助指南 -->
            <li class="item-category wrapper"></li>
        </ul>


        <script>
            const tabs = document.querySelectorAll(".nav-list .item-nav");
            const tab_contents = document.querySelectorAll(".category-list .item-category");

            tabs.forEach((tab, index) => {
                tab.addEventListener('click', () => {
                    tabs.forEach(tab => {
                        tab.classList.remove('active');
                    })
                    tab_contents.forEach(tab_content => {
                        tab_content.classList.remove('active');
                    })

                    tab.classList.add('active');
                    tab_contents[index].classList.add('active');
                })
            })

        </script>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="contacts wrapper">
            <h2 class="com-title">保持联系</h2>
            <h4 class="com-subtitle">如有任何疑问请联系</h4>
            <div class="detail">
                <img class="bg-detail" src="../assets/uploads/bg_contacts_detail.webp" alt="">
                <ul class="list-main">
                    <li>
                        <span class="iconfont icon-location"></span>
                        <div>
                            <h3>地址</h3>
                            <p>武汉市东湖高新技术开发区关南一路当代梦工</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-phone"></span>
                        <div>
                            <h3>致电我们</h3>
                            <p>15335890027（微信同号）<br> 13419690311（微信同号）</p>
                        </div>
                    </li>
                    <li>
                        <span class="iconfont icon-mail"></span>
                        <div>
                            <h3>Email Us</h3>
                            <p>customer@whccf.cn</p>
                        </div>
                    </li>
                </ul>
                <ul class="list-vice">
                    <li>
                        <img src="../assets/uploads/map.webp" alt="">
                    </li>
                    <li>
                        <h4>微信扫码咨询</h4>
                        <!-- 二维码 -->
                        <div class="qrcode">
                            <img src="../assets/uploads/qrcode1.webp" alt="">
                            <img src="../assets/uploads/qrcode2.webp" alt="">
                        </div>
                        <h5>官方微信：</h5>
                        <p class="account">账号：GreatManOnTheWay <br> 公众号：武汉职创未来科技有限公司</p>
                        <p class="time">周一至周日9:00-18:00</p>
                    </li>
                </ul>
            </div>
        </div>

        <div class="bottom">
            <!-- 列表 -->
            <ul class="nav">
                <li><a href="../index.html" target="_blank">首页</a></li>
                <li><a href="./online.html" target="_blank">在线课程</a></li>
                <li><a href="./teacher.html" target="_blank">师资介绍</a></li>
                <li><a href="./student.html" target="_blank">学员风采</a></li>
                <li><a href="./job.html" target="_blank">就业信息</a></li>
                <li><a href="./info.html" target="_blank">资讯动态</a></li>
                <li><a href="#">关于我们</a></li>
            </ul>
            <!-- 备案文字 -->
            <p>Copyright © 2023 Tedu.cn All Rights Reserved <a
                    href="https://beian.miit.gov.cn/#/Integrated/index">鄂ICP备08000853号-56</a> 鄂公网安备 11010802029508号
                武汉职创未来科技有限公司 版权所有</p>
        </div>
    </div>

</body>

</html>